<!DOCTYPE html>
<html>
<head>
<title>4.1.2 Aria Labels</title>
<!-- @HTMLCS_Test@
Name: SC 4.1.2 Aria Labels
Standard: WCAG2AAA
Assert: Error *.H91.* on #unlabelledButton
Assert: No Error *.H91 on #labelledButton
Assert: Error *.H91.Button.Name on #emptyLabelledButton
Assert: No Error *.H91.Button.Name on #labelledByButton
Assert: Error *.H53.ARIA6 on #objectNoLabel
Assert: No Error *.H53.ARIA6 on #objectLabelledBy
Assert: No Error *.H53.ARIA6 on #objectLabel
Assert: No Error *.H91.A.NoContent on #hyperlinkLabel
Assert: Error *.H91.* on #buttonRoleFail
Assert: No Error *.H91.Name on #buttonRoleSuccess
-->
</head>
<body>
<form>

<button id="unlabelledButton">
  <span class="dd-icon glyph glyphicon-heart" aria-hidden="true"></span>
</button>

<button id="labelledButton" aria-label="my icon button">
  <span class="dd-icon glyph glyphicon-heart" aria-hidden="true"></span>
</button>

<button id="emptyLabelledButton" aria-label="">
  <span class="dd-icon glyph glyphicon-heart" aria-hidden="true"></span>
</button>

<div id="billing">Billing Address</div>
<div>
    <div id="name">Name</div>
    <input id="labelledByButton" type="text" aria-labelledby="billing name"/>
</div>

<object id="objectNoLabel" data="x.jpg"></object>

<object id="objectLabelledBy" data="x.jpg" aria-labelledby="monkey"></object>
<div id="monkey">My monkey</div>

<object id="objectLabel" data="x.jpg" aria-label="monkey"></object>

<a id="hyperlinkLabel" href="http://www.squiz.net" aria-label="Label as valid content"></a>

<div role="button" id="buttonRoleFail"></div>
<div role="button" id="buttonRoleSuccess" title="Toggle time list" aria-label="Toggle Time List" aria-controls="myid"></div>

</form>
</body>
</html>
